<template>
    <!-- 使用 ： 把子组件的名字当作标签应用 标签可以驼峰命名 也可以加- -->
  <!-- <ModelDm></ModelDm> -->
  <!-- 驼峰命名 -->
  <!-- <modelDm></modelDm> -->
  <!-- 加 - -->
  <!-- <model-Dm></model-Dm> -->

  <!--演示v-text和v-html的指令案例-->
  <!-- <VtextHtml></VtextHtml> -->
  <!-- v-if和v-show的演示 -->
  <!-- <VshowIf></VshowIf> -->
  <!-- 综合案例 -->
  <!-- <Fold></Fold>
  <VforD></VforD> -->
  <!-- <vforDM></vforDM>
  <hr>
  <VforUpdate></VforUpdate> -->
  <!--v-for 两种遍历的方式-->
  <!-- <AnliVfor></AnliVfor> -->
  <DtClass></DtClass>
  <hr>
  <DtStyle></DtStyle>

</template>

<script setup>
//引入
import ModelDm from './components/ModelDm.vue';

import VtextHtml from './components/VtextHtml.vue';
import VshowIf from './components/VshowIf.vue'
import Fold from './components/Fold.vue';
import VforD from './components/VforD.vue';
import vforDM from './components/vforDM.vue';
import VforUpdate from './components/vforUpdate.vue';
import AnliVfor from './components/AnliVfor.vue';
import DtClass from './components/DtClass.vue';
import DtStyle from './components/DtStyle.vue';
</script>
<style scoped>

</style>
